前端程式設計筆記 (2026.4)

第七章：jQuery 互動、AJAX 與 本地測試

1. 表單監聽與防呆

• keyup：鍵盤放開。
• change：欄位內容改變且失焦。
• submit：表單送出，需搭配 e.preventDefault(); 阻止重整。

2. AJAX 與 RESTful API (CRUD)

• GET： 讀取資料。
• POST： 新增資料 (需透過 JSON.stringify 轉為字串)。
• PUT / PATCH： 更新資料。
• DELETE： 刪除資料。

3. 實戰：AJAX 串接 Open Data

$.ajax({
    type: "GET",
    url: "https://data.moa.gov.tw/...",
    dataType: "json",
    success: function(data) {
        $("#mybody").empty(); // 清空舊資料
        data.forEach(function (item) {
            // 利用第八章學到的語法進行資料清洗與渲染...
        });
    },
    error: function() { console.log("連線錯誤"); }
});